<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style rel="text/css">
        .bgc {
            background-color: #666666;
            height: 60px;
            text-align: center;
        }

        a {
            display: inline-block;
            width: 80px;
            height: 60px;
            text-decoration: none;
            color: black;
        }

        a:hover {
            text-decoration: underline;
            background-color: #F1F1F1;
        }

        .a1, .a2, .a3, .a4 {
            color: #C81623;
        }
    </style>
</head>
<body>
<!--<p>测试跳转</p><br/>-->
<!--<div>-->
<!--<a href="#">测试跳转</a>-->
<!--</div>-->

<div class="bgc">
    <!--<table width="1000px" height="30px" border="0" class="tb">-->
    <!--<tr>-->
    <!--<td><a href="#">天猫</a></td>-->
    <!--<td><a href="#">聚划算</a></td>-->
    <!--<td><a href="#">超市</a></td>-->
    <!--<td><a href="#">头条</a></td>-->
    <!--<td><a href="#">阿里旅行</a></td>-->
    <!--<td><a href="#">电器城</a></td>-->
    <!--<td><a href="#">海抢购</a></td>-->
    <!--<td><a href="#">苏宁易购</a></td>-->
    <!--<td><a href="#">智能生活</a></td>-->
    <!--</tr>-->
    <!--</table>-->
    <a href="#" class="a1">天猫</a>
    <a href="#" class="a2">聚划算</a>
    <a href="#" class="a3">超市</a>
    <a href="#" class="a4">头条</a>
    <a href="#">阿里旅行</a>
    <a href="#">电器城</a>
    <a href="#">海抢购</a>
    <a href="#">苏宁易购</a>
    <a href="#">智能生活</a>
</div>

</body>
</html>